const theme = {
    color: ['#2d8cf0', '#19be6b', '#ff9900', '#E46CBB', '#9A66E4', '#ed3f14'],
    backgroundColor: 'rgba(0,0,0,0)',
    textStyle: {},
    title: {
        textStyle: {
            color: '#516b91'
        },
        subtextStyle: {
            color: '#93b7e3'
        }
    },
    line: {
        itemStyle: {
            normal: {
                borderWidth: '2'
            }
        },
        lineStyle: {
            normal: {
                width: '2'
            }
        },
        symbolSize: '6',
        symbol: 'emptyCircle',
        smooth: true
    },
    radar: {
        itemStyle: {
            normal: {
                borderWidth: '2'
            }
        },
        lineStyle: {
            normal: {
                width: '2'
            }
        },
        symbolSize: '6',
        symbol: 'emptyCircle',
        smooth: true
    },
    bar: {
        itemStyle: {
            normal: {
                barBorderWidth: 0,
                barBorderColor: '#ccc'
            },
            emphasis: {
                barBorderWidth: 0,
                barBorderColor: '#ccc'
            }
        }
    },
    pie: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            },
            emphasis: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        }
    },
    scatter: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            },
            emphasis: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        }
    },
    boxplot: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            },
            emphasis: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        }
    },
    parallel: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            },
            emphasis: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        }
    },
    sankey: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            },
            emphasis: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        }
    },
    funnel: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            },
            emphasis: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        }
    },
    gauge: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            },
            emphasis: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        }
    },
    candlestick: {
        itemStyle: {
            normal: {
                color: '#edafda',
                color0: 'transparent',
                borderColor: '#d680bc',
                borderColor0: '#8fd3e8',
                borderWidth: '2'
            }
        }
    },
    graph: {
        itemStyle: {
            normal: {
                borderWidth: 0,
                borderColor: '#ccc'
            }
        },
        lineStyle: {
            normal: {
                width: 1,
                color: '#aaa'
            }
        },
        symbolSize: '6',
        symbol: 'emptyCircle',
        smooth: true,
        color: ['#2d8cf0', '#19be6b', '#f5ae4a', '#9189d5', '#56cae2', '#cbb0e3'],
        label: {
            normal: {
                textStyle: {
                    color: '#eee'
                }
            }
        }
    },
    map: {
        itemStyle: {
            normal: {
                areaColor: '#f3f3f3',
                borderColor: '#516b91',
                borderWidth: 0.5
            },
            emphasis: {
                areaColor: 'rgba(165,231,240,1)',
                borderColor: '#516b91',
                borderWidth: 1
            }
        },
        label: {
            normal: {
                textStyle: {
                    color: '#000'
                }
            },
            emphasis: {
                textStyle: {
                    color: 'rgb(81,107,145)'
                }
            }
        }
    },
    geo: {
        itemStyle: {
            normal: {
                areaColor: '#f3f3f3',
                borderColor: '#516b91',
                borderWidth: 0.5
            },
            emphasis: {
                areaColor: 'rgba(165,231,240,1)',
                borderColor: '#516b91',
                borderWidth: 1
            }
        },
        label: {
            normal: {
                textStyle: {
                    color: '#000'
                }
            },
            emphasis: {
                textStyle: {
                    color: 'rgb(81,107,145)'
                }
            }
        }
    },
    categoryAxis: {
        axisLine: {
            show: true,
            lineStyle: {
                color: '#cccccc'
            }
        },
        axisTick: {
            show: false,
            lineStyle: {
                color: '#333'
            }
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#fff'
            }
        },
        splitLine: {
            show: false,
            lineStyle: {
                color: ['#eeeeee']
            }
        },
        splitArea: {
            show: false,
            areaStyle: {
                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
            }
        }
    },
    valueAxis: {
        axisLine: {
            show: true,
            lineStyle: {
                color: '#cccccc'
            }
        },
        axisTick: {
            show: false,
            lineStyle: {
                color: '#333'
            }
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#fff'
            }
        },
        splitLine: {
            show: false,
            lineStyle: {
                color: ['#eeeeee']
            }
        },
        splitArea: {
            show: false,
            areaStyle: {
                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
            }
        }
    },
    logAxis: {
        axisLine: {
            show: true,
            lineStyle: {
                color: '#cccccc'
            }
        },
        axisTick: {
            show: false,
            lineStyle: {
                color: '#333'
            }
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#999999'
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: ['#eeeeee']
            }
        },
        splitArea: {
            show: false,
            areaStyle: {
                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
            }
        }
    },
    timeAxis: {
        axisLine: {
            show: true,
            lineStyle: {
                color: '#cccccc'
            }
        },
        axisTick: {
            show: false,
            lineStyle: {
                color: '#333'
            }
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#999999'
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: ['#eeeeee']
            }
        },
        splitArea: {
            show: false,
            areaStyle: {
                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
            }
        }
    },
    toolbox: {
        iconStyle: {
            normal: {
                borderColor: '#999'
            },
            emphasis: {
                borderColor: '#666'
            }
        }
    },
    legend: {
        textStyle: {
            color: '#fff'
        }
    },
    tooltip: {
        axisPointer: {
            lineStyle: {
                color: '#ccc',
                width: 1
            },
            crossStyle: {
                color: '#ccc',
                width: 1
            }
        }
    },
    timeline: {
        lineStyle: {
            color: '#8fd3e8',
            width: 1
        },
        itemStyle: {
            normal: {
                color: '#8fd3e8',
                borderWidth: 1
            },
            emphasis: {
                color: '#8fd3e8'
            }
        },
        controlStyle: {
            normal: {
                color: '#8fd3e8',
                borderColor: '#8fd3e8',
                borderWidth: 0.5
            },
            emphasis: {
                color: '#8fd3e8',
                borderColor: '#8fd3e8',
                borderWidth: 0.5
            }
        },
        checkpointStyle: {
            color: '#8fd3e8',
            borderColor: 'rgba(138,124,168,0.37)'
        },
        label: {
            normal: {
                textStyle: {
                    color: '#8fd3e8'
                }
            },
            emphasis: {
                textStyle: {
                    color: '#8fd3e8'
                }
            }
        }
    },
    visualMap: {
        color: ['#516b91', '#59c4e6', '#a5e7f0']
    },
    dataZoom: {
        backgroundColor: 'rgba(0,0,0,0)',
        dataBackgroundColor: 'rgba(255,255,255,0.3)',
        fillerColor: 'rgba(167,183,204,0.4)',
        handleColor: '#a7b7cc',
        handleSize: '100%',
        textStyle: {
            color: '#333'
        }
    },
    markPoint: {
        label: {
            normal: {
                textStyle: {
                    color: '#eee'
                }
            },
            emphasis: {
                textStyle: {
                    color: '#eee'
                }
            }
        }
    }
}
export default theme
